<template name="ys-goods-param">
<view class="ys-goods-param">
    <view class="title">
        <text class="text">{{title}}</text>
    </view>
    <view class="content">
        <view class="row" v-for="(item, index) in list" :key="index">
            <view class="tip">{{item.name}}</view>
            <view class="info">{{item.value}}</view>
        </view>
    </view>
</view>
</template>

<script>
    export default {
        name: "ys-goods-param",
        props: {
            title: {
                type: String,
                default: "商品参数"
            },            
            list: {
                type: Array,
                default: () => [
                    {"name" : "供应商", "value" : "太好乐"},
                    {"name" : "品牌", "value" : "太好乐"},
                    {"name" : "规格", "value" : "1500g"}
                ]
            }
        },
        mounted() {
        },
        data() {
            return {

            };
        },
        methods: {

        }
    }        
</script>

<style lang="scss">
.ys-goods-param {
        background-color: #fff;
        margin-top: 20upx;
        padding-bottom: 30upx;    
    .title {
        font-size: 36upx;
        color: #999;
        text-align: center;
        line-height: 72upx;
        position: relative;
        margin-bottom: 20upx;        
        .text {
            
        }
    }
    .content {
        display: block;
        width: 584rpx;
        margin: 0 auto;
        border-bottom: 1px solid #e6e6e6;        
        .row {
            display: flex;
            border: 1px solid #e6e6e6;
            border-bottom: none;            
            .tip {
                flex: 2;
                border-right: 1px solid #e6e6e6;
                font-size: 28upx;
                color: #999;
                min-height: 76upx;
                line-height: 36upx;
                padding: 20upx 32upx;
                box-sizing: border-box;                
            }
            .info {
                flex: 5;
                color: #1A1A1A;   
                font-size: 28upx;
                min-height: 76upx;
                line-height: 36upx;
                padding: 20upx 32upx;
                box-sizing: border-box;                           
            }
        }
    }
}
</style>
